*{padding: 0; margin: 0;}
.first{background-color: aqua;padding: 0  10%;width: 80%; overflow: hidden;}
.ft-left{width: 40%; float: left;}
.ft-left img{float: left; width: 30px; margin-left: 2%;}
.ft-right{color: white; width: 20%; height: 30px; line-height: 30px; float: right; display: flex;}
.ft-right img{width: 30px; height: 30px;}
.biaoti{padding: 0 10%; width: 80%; height: 44px; display: flex; justify-content: space-between;}
.biao-left{width: 30%; overflow: hidden;}
.biao-left img{width: 100px; height: 100%; display: inline-block;}
.biao-right{width:55%;}
ul{overflow: hidden; display: inline-block;list-style: none;}
li{float: left;}
a{text-decoration: none; color: black;}
.biao-right ul li{float: left; line-height: 100%; width: 120px; text-align: center; line-height: 44.8px;}
.biao-right ul a{width: 100%; height: 100%; display: inline-block;}
.bigimg{color: white; overflow: hidden;background:repeat;background-size: 100%; background-attachment: fixed;}
.bigimg-1{overflow: hidden; margin: 0 auto; width: 80%; text-align: center; padding: 20px 0;}
.bigimg-1 h1{margin-bottom: 30px;}
.sousuo{background-color: #c2c2c2;padding: 10px;display: flex; color: black; width: 35%; margin: 60px auto;}
.sousuo input{border-radius: 10px;border: none; width: 200px; line-height: 40px; margin-right: 20px;}
.sousuo button{background-color: orange; border-radius: 10px;cursor: pointer;display: inline-block; border: none; padding: 5px;}
.sousuo img{width: 20px; height: 20px; line-height: 40px; margin-top: 2px;}
.bigimg-2{display: flex;font-size: 0.8em; margin-bottom: 140px; margin: 0 auto; overflow: hidden; width: 900px;}
.bigimg-2 span{width: 120px; line-height: 50px; overflow: hidden;}
.bigimg-2 ul{width: 750px; overflow: hidden;}
.bigimg-2 ul li{width: 120px;line-height: 50px;}
.bigimg-2 a{color: white; width: 100%; height: 100%; display: inline-block;}
a:hover{color: orange;}
/* 尾部 */
.last{display: flex; background-color: black;position: relative;  padding: 10px 5% 100px 5%; box-sizing: border-box;}
.last-1{width: 29%; margin-left: 2%; color: #c2c2c2;}
.last-1 img{width: 60%;}
.hang{width: 100%; border-bottom: #c2c2c2 3px solid;height: 43px; box-sizing: border-box;}
.last-1 p{margin-top: 20px;}
.last-1 input{width: 90%; padding: 10px; color: #c2c2c2; margin-top: 20px;}
.last-1 button{width: 55%; padding: 15px; background-color: orange; color: white; margin-top: 20px;}
.last-2{width: 100%;text-align: center; color: #c2c2c2;background-color: #312e37; padding: 20px 0;position: absolute; bottom: 0; left: 0;}
.hang span{line-height: 39px; border-bottom: orange 3px solid; font-size: 1.2em; color: white;display: inline-block; height: 40px; font-weight: bold;}
.last-img{display: flex; flex-wrap: wrap;}
.last-img img{display: inline-block; width: 30%; margin-left: 3%; margin-top: 20px;}
.boss2{background-color: antiquewhite; width: 100%;}
.boss2-1{width: 80%; margin: 0 auto; display: flex; justify-content: space-between;padding: 20px 0;flex-wrap: wrap;}
.boss2-1-1{width: 30%; margin-right: 3%; border-radius: 10px;background-color: white;}
.boss2-1-1 img{width: 100%; overflow: hidden; display: inline-block;}
.boss2-1-1 p{padding: 0 20px; margin-bottom: 20px;}
.boss2-last{font-size: 0.8em; color: #c2c2c2;}
.boss2-last span{color: orange;}
.boss3{padding: 20px 10%;}
.biaotou{margin: 10px auto; width: 80%; text-align: center;position: relative;}
.biaotou span{color: orange; font-size: 1.5em;}
.gang{width:4%; height: 2px; background-color: orange; position: absolute; top: 35px; left: 48%;}
.boss3-2 div{width: 30%; margin-left: 2%; text-align: center; margin-top: 10px;}
.boss3-2{display: flex; margin-top: 20px; flex-wrap: wrap;}
.boss3-2 div img{width: 60%;}
.boss3-2 h3{font-weight: bold;}
.boss5{text-align: center; padding: 10px 10%;background-color: #f4f3ee;}
.boss7{padding: 30px 8%; display: flex;flex-wrap: wrap;}
.b7-left{width: 65%; margin-right: 2%;}
.b7left-top{display: flex;width: 100%; flex-wrap: wrap;}
.b7ltl{width: 48%;}
.b7ltl img{width: 100%;}
.b7ltr{margin-left: 2%;width: 50%;}
.b7ltr p{margin-top: 10px;}
.b7left-bottm{display: flex; width: 100%; margin-top: 10px;flex-wrap: wrap;}
.b7lb-1{width: 30%; margin-right: 3%;}
.b7lb-1 img{width: 100%; margin-bottom: 10px;}
.b7-right{width: 30%;}
.b7-r1 ul li{float: none; border-bottom: 1px solid black; background: url(../img/向右箭头.png) no-repeat left center;background-size:20px;padding: 10px 0 10px 25px;}
.b7-r1 ul{width: 100%;}

@media screen and (max-width:1100px){
    .ft-right{margin-right: 20%;}
    .biaoti{flex-wrap: wrap; height: auto;}
    .biao-left{width: 100%;}
    .biao-right{width: 100%;}
    .biao-left img{width: 30%; height: auto;}
    .biao-right ul{display: flex; float: none; flex-wrap: wrap;}
    .bigimg-2{width: 100%; margin: 0 auto;}
    .bigimg-2 ul{display: flex; float: none; flex-wrap: wrap;}
    .bigimg-2 li{width: 30%; height: auto;}
    .bigimg-2 span{width: 200px;}
    .sousuo{width: 100%;flex-wrap: wrap;}
    .sousuo input{margin: 0 auto;width: 80%;}
    .sousuo button{width: 30%; margin: 0 auto;}
    .bigimg-1{margin: 0 0;width: 100%;}
    .bigimg-1 p{padding: 0 10%;}
    .last{flex-wrap: wrap;}
    .last-1{width: 100%; margin-top: 10px;}
    .last-img img{width: 90%;}
    .boss2-1-1{width: 90%;margin-top: 20px;}
    .boss3-2 div{width: 90%; margin-top: 20px;}
    .boss7{padding: 30px 2%;}
    .b7ltl{width: 90%;}
    .b7ltr{width: 90%;}
    .b7-left{width: 100%;}
    .b7lb-1{width: 90%; margin-top: 20px;}
    .b7lb-1 img{width: 60%;}
    .b7-right{width: 100%;}
    .b7-r1 ul li{margin-left: 60px;}
}
